<!DOCTYPE html>
<html>
    <head>
        <title>jquery对象转换成DOM对象</title>
        <script src="./js/jquery-3.6.0.min.js" type="text/javascript">
        </script>
        <script>
            $(document).ready(function(){
                var $jqueryObj = $("#nodep");
                alert("使用jQuery方法获取第一个p节点的内容：" + jqieryObj.html());
                var $jqueryObj1 = $("#nodep1");
                alert("使用jQuery方法获取第二个p节点的内容：" + jqieryObj1.html());
                var $domObj = $jqueryObj[0];
                alert("使用DOM方法获取第一个p节点的内容：" + domObj.innerHTML);
                var $domObj1 = $jqueryObj1.get(0);
                alert("使用DOM方法获取第一个p节点的内容：" + domObj1.innerHTML);
            })
        </script>
    </head>
    <body>
        <h2>美肤堂经营理念</h2>
        <p id="nodep">在消费者心中树立起健康的品牌形象</p> 
        <p id="nodep1">美肤堂产品，值得信赖</p> 
    </body>
</html>